<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>登陆界面</title>
    <!--    引入js文件-->
    <script th:src="@{js/jquery-1.12.4/jquery-1.12.4.min.js}"></script>
    <script th:src="@{js/bootstrap-3.3.7-dist/js/bootstrap.min.js}"></script>
    <!--    外部样式表css-->
    <link rel="stylesheet" th:href="@{css/iconfont/iconfont.css}">
    <link rel="stylesheet" th:href="@{js/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css}">
    <link rel="stylesheet" th:href="@{js/bootstrap-3.3.7-dist/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{css/base3load.css}">
</head>
<body>
<div class="site3-all">
<!--第一块-->
<div class="site3-first">
  <div class="first-left">
      <div class="header-logo">
          <a class="logo" href="#" title="小米官网"></a>
      </div>
      <div class="header-word">
          <div><h4>小米商城</h4></div>
          <div>让每个人都能享受科技的乐趣</div>
      </div>
  </div>
</div>
<!--第二块-->
<div class="site3-second">
<!--    2.1-->
    <div class="second3-left">
        <a href="JumpU?pg=pages/xiaomi1.html"><img th:src="@{img/theloadleft01.png}" width="706" height="480"></a>
    </div>
<!--    2.2-->
    <div class="second3-right">
<!--        2.21-->
        <div class="right3-one">
            <table>
                <tr>
                    <td><a href="#">账号登录</a></td>
                    <td><a href="#">扫码登录</a></td>
                </tr>
            </table>
        </div>
<!--        2.22表单-->
        <div class="right3-two">
            <form class="form-horizontal">
                <div class="form-group">
                    <label class="col-sm-2 control-label">用户名:</label>
                    <div class="col-sm-7">
                        <input type="text" class="form-control" id="userName" name="user_Name" placeholder="登录用户名">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label">密码:</label>
                    <div class="col-sm-7">
                        <input type="password" class="form-control" id="userPsw" name="user_Psw" placeholder="密码">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox"> Remember me
                            </label>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" name="btttttt" class="btn btn-default" id="btt">登录</button>
                    </div>
                </div>
            </form>
        </div>
<!--        2.23-->
        <div class="right3-three">
            <div class="three3-one"><a href="#">手机短信登录/注册</a></div>
            <div class="three3-two">
                <table>
                    <tr>
                        <td><a href="#">立即注册</a></td>
                        <td><a href="#">忘记密码？</a></td>
                    </tr>
                </table>
            </div>
        </div>
<!--        <div><i class="iconfont">&#xe60a;</i></div>-->
        <div class="right3-four">
            <div class="four3-one">
                ----------------其他方式登录----------------
            </div>
            <div class="four3-two">
                <table>
                    <tr>
                        <td><a href="#" id="four3-two1"><i class="iconfont">&#xe60a;</i></a></td>
                        <td><a href="#" id="four3-two2"><i class="iconfont">&#xe73c;</i></a></td>
                        <td><a href="#" id="four3-two3"><i class="iconfont">&#xe73b;</i></a></td>
                        <td><a href="#" id="four3-two4"><i class="iconfont">&#xe600;</i></a></td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>
<!--    第三块-->
    <div class="site3-third">
         <div class="third3-one">
             <table>
                 <tr>
                     <td><a href="#">简体</a></td>
                     <td><a href="#">繁体</a></td>
                     <td><a href="#">English</a></td>
                     <td><a href="#">常见问题</a></td>
                     <td><a href="#">隐私政策</a></td>
                 </tr>
             </table>
         </div>
        <div class="third-two">
            <p><a href="#">小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号</a></p>
        </div>
    </div>
</div>
</body>
</html>